<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ooobgy排座系统</title>
<object   id="fileDialog"   width="0px"   height="0px"   classid="clsid:F9043C85-F6F2-101A-A3C9-08002B2F49FB"   codebase="http://activex.microsoft.com/controls/vb5/comdlg32.cab">   
  </object>
<link href="../css/classchair.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../js/arrangeChair.js"></script>
<script type="text/javascript">
function fLoad(){
    if (document.readyState=="complete") {
		//alert("start");
        initClassRoom();
    }
}

document.onreadystatechange=fLoad;
</script>
</head>
<body>
<div align="center"><img src="../images/title.png" width="500" height="70"></div>
<hr/>
<table border="0">
  <tr>
    <td width='300'><font face="微软雅黑" size="5">第三步，排定学生座位</font></td>
    <td><img src="../images/pre.png" width="110" height="36" onClick="step2();" style="cursor:hand;"></td>
  </tr>
</table>
<blockquote><font size="2" color="#808080">操作说明:&nbsp;&nbsp;灰色的格子表示过道空间，点亮的格子为座位，座位排列为完全随机排列。如果教室容量小于学生数，系统也会将教室座位排满，并显示警告以及哪些学生无座位；反之，座位数多于学生数，则系统将按照靠前靠左的分配原则进行排座。如果对排座结果不满意，你可以”重新随机排座“。或者点击选择排座表上两个学生，点击”交换座位“手工调整座位。

座位排定后，你可以选择导出excel格式或者是图片格式的排座表。
</font></blockquote>

    <table border="0" align="center" id="excelsheet">
    <tr>
    <td>
    <div id="black_board" class="black_board">
    黑&nbsp;&nbsp;&nbsp;&nbsp;板
    </div>
    </td>
    </tr>
    
  <tr>
  <td>
  <table border="0">
  <tr>
    <td class="class_info">
    <div>教室容量：&nbsp;<span id="chairCntDisp" class="red">-</span>&nbsp;人</div>
    <div>学生人数：&nbsp;<span id="studentCntDisp" class="red">-</span>&nbsp;人</div>
    </td>
    <td align="right">
    <table border="0">
  <tr>
    <td><img src="../images/reload.png" width="148" height="48" onClick="randomChair();" style="cursor:hand;"></td>
    <td><div id="exchangeBtn"><img src="../images/exchange_dis.png" width="148" height="48"></div></td>
  </tr>
</table>    
      </td>
  </tr>
</table>
</td>
  </tr>
  <tr>
  <td>
  <table border="0">
  <tr>
    <td>&nbsp;</td>
    <td>    
    <div class="col_shift">
    <table border="0">
  <tr>
    <td><img src="../images/del_col.png" width="15" height="15" alt="左移一列" style="cursor:hand;" onClick="shiftLeft();"></td>
    <td><img src="../images/add_col.png" width="15" height="15" alt="右移一列" style="cursor:hand;" onClick="shiftRight();"></td>
  </tr>
    </table>
    </div>
    </td>
  </tr>
  <tr>
        <td id="class_room" align="center">
    <div>
    <table border="1">
  <tr>
    <td>
    教室数据加载中...
    </td>
  </tr>
</table>
</div>
    </td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td>
        <div class="row_shift">
    <table border="0">
  <tr>
    <td><img src="../images/del_row.png" width="15" height="15"  alt="上移一行" style="cursor:hand;" onClick="shiftUp();"></td>
    </tr>
    <tr>
    <td><img src="../images/add_row.png" width="15" height="15"  alt="下移一行" style="cursor:hand;" onClick="shiftDown();"></td>
  </tr>
</table>
</div>
    </td>
  </tr>
</table>

  </td>

  </tr>
</table>

<table border="0" align="center" width="450">
  <tr>
    <td><div align="center" id="noChairWarning" class="red">
</div></td>
  </tr>
  <tr>
    <td align="center"><div align="center" id="unChairSts" class="unchairlist">
</div></td>
  </tr>
</table>
<div align="center">
<table border="0">
  <tr>
    <td>将排座结果导出为：</td>
  </tr>
  <tr>
    <td> 
    <table border="0">
    <tr>
      <td><img src="../images/d_excel.png" width="174" height="60" onClick="saveAsExcel();" style="cursor:hand;"></td>
    </tr>
  </table>
  </td>
  </tr>
</table>


</div>
<hr/>
<div align="center"><font face="微软雅黑" size="2">Powered by  Frogcherry@ooobgy&nbsp;&nbsp;&nbsp; All Rights Reserved </font>
</div>
<div align="center">
<font face="微软雅黑" size="2">
Email:  frogcherry@gmail.com</font>
</div>

<input name="st1" id="st1" type="hidden" value="">
<input name="st2" id="st2" type="hidden" value="">
</body>
</html>